$color1: #fc584e;
$color2: #93f280;
$color3: #D1D0D1;
$tiColor: #b59c21;
$tiBeiColor: #f5f0d5;

body {
    background-color: #fff;
}

section {
    background-color: #f7f7f7;
    // height: 1017px;
}

.shiYong {
    width: 1080px;
    text-align: center;
    margin: 0 auto;
}

.shiYong h2 {
    font-size: 50px;
    font-weight: bold;
    line-height: 90px;
}

.shiYong ul {
    width: 1080px;
    height: 50px;
}

.shiYong ul li {
    float: left;
    width: 120px;
    line-height: 50px;
}

.shiYong ul li:hover {
    cursor: pointer;
}

.ul1 li {
    color: #b0b0b0;
}

.ul2 li {
    font-size: 14px;
    color: #b0b0b0;
}


.shiYong .huang {
    color: $color1;
    border-bottom: 3px solid $color1 ;
}

.shiYong .hei {
    color: black;
}

.section-nei {
    width: 1080px;
    margin: 0 auto;
    padding-top: 30px;
    height: 1017px;
}

.section-nei li {
    position: relative;
    width: 246px;
    height: 313px;
    background-color: #fff;
    text-align: center;
    float: left;
    margin-left: 23px;
    margin-bottom: 30px;
}

.section-nei li>img {
    width: 246px;
    height: 138px;
}

.section-nei .pp1 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    background-color: $color1;
    color: white;
    font-size: 14px;
    border-radius: 5px;
}

.section-nei .pp2 {
    font-size: 20px;
    margin-top: 15px;
}

.section-nei .pp2 a {
    color: black;
}

.section-nei .pp3 span {
    display: inline-block;
    padding: 5px;
    border: 1px solid $color1;
    border-radius: 5px;
    margin: 10px;
    color: $color1;
}

.section-nei .pp4 span {
    color: $color1;
}

.section-nei .pp5 {
    font-size: 14px;
    color: #b0b0b0;
    margin-top: 10px;
}

.section-nei ul> :nth-child(1),
.section-nei ul> :nth-child(5),
.section-nei ul> :nth-child(9),
.section-nei ul> :nth-child(13),
.section-nei ul> :nth-child(17),
.section-nei ul> :nth-child(21),
.section-nei ul> :nth-child(25),
.section-nei ul> :nth-child(29),
.section-nei ul> :nth-child(33) {
    margin-left: 0;
}

section> :nth-child(2) .pp5 {
    color: $color1;
}

section> :nth-child(3) .pp3 span {
    border: 1px solid $color2;
    color: $color2;
}

section> :nth-child(3) .pp5 {
    color: $color2;
}

section> :nth-child(4) .pp3 span {
    border: 1px solid $color3;
    color: $color3;
}

section> :nth-child(4) .pp5 {
    color: $color3;
}

section> :nth-child(5) {
    height: 1700px;
}

section> :nth-child(5) .pp1 {
    color: $tiColor;
    background-color: $tiBeiColor;
}

section> :nth-child(5) .pp3 span {
    border: 1px solid $color2;
    color: $color2;
}

section> :nth-child(5) .pp5 {
    color: $color2;
}